.design-preview-controller{
  .icons{
    display: flex;
    width: 100%;
    flex-direction: row;
    justify-content: space-around;
    flex-wrap: wrap;
    /* background-color: rgb(205, 253, 241); */
    padding-bottom: 10px;
  }
  .icons_list{
    display: inline-block;
    width: 25%;
  }
  .icons_cell{
    display: flex;
    padding-top: 10px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
  }
  .icon_image{
    width:52px;
    height:52px;
  }
  .nav_title{
    font-size: 12px;
  }
}
.design-editor-item{
  .detail_icons_content_list_ul{
    .detail_icons_content_list_li{
    width: 100%;
    margin-top: 10px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    .icons_list_li{
      width: 100%;
      padding: 10px;
      background-color: #ffffff;
      .details_icons_images_con{
        display: flex;
        flex-dirderction:row;
      }
      .icon_li_sub_con{
          width: 100%;
          display: flex;
          flex-direction: row;
          justify-content: space-between;
          .span_13{
            font-size: 13px;
          }
          .span_15{
            font-size: 15px;
          }
        }
      .icon_li_sub_detail{
        margin-top: 10px;
        .title-form-placehoder{
          // margin-left: 10px;
          display: flex;
          flex-direction: row;
          .title-form-placehoder-title-text{
            display: flex;
            flex-direction: column;
            justify-content: center;
          }
          .title-form-placehoder-title-input{
            margin-left: 10px;
            .el-textarea__inner{
              height: 25px;
              font-size: 12px;
              max-height:30px !important;
              padding: 5px 10px;
            }
          }
        }
        .icon_li_sub_link_con{
          margin-top: 10px;
          .span_13{
            font-size: 13px;
          }
          .margin-color{
            color: #0092fb;
            margin-left: 10px;
          }
        }
      }
    }
  }
  }
  .btn_icons_list{
    width: 100%;
    margin-top: 10px;
    .btn_icons_list_con{
      width: 100%;
      height: 30px;
      border:1px solid #0092fb;
      background-color: #ffffff;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      .span_13{
        font-size: 13px;
        color: #0092fb;
      }
    }
  }
}
